@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.cr-select {
  &-title {
    height: 30 * @hd;
    line-height: 30 * @hd;
    background-color: #f9fcff;
    border-bottom: 1 * @hd solid #ddd;
    padding: 0 15 * @hd;
    display: flex;
    justify-content: space-between;
    &-icon {
      color: @color-text-secondary;
    }
  }

  &-content {
    position: relative;
    z-index: 1;
    background-color: @fill-base;
    border-left: 1 * @hd solid #ddd;
    border-bottom: 1 * @hd solid #ddd;
    border-bottom-left-radius: 5 * @hd;
    margin-left: 5 * @hd;
    &-line {
      &.active {
        background-color: @fill-grey;
        font-weight: bold;
      }
      &-item {
        padding: 5 * @hd 10 * @hd;
      }
    }
  }
}